<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>尺寸问题</title>
		<style>
			di v#d1{
				width: 50%;
				height: 500px;
				background: rgba(243, 100, 60, .5);
				
			}
			/* 最大宽度与最小宽度 */
			div#container{
				background: #cbcfcb;
			}
			div.box{
				background: #a588cf;
				color: azure;
				width: 80%;
				min-width: 500px;
				max-width: 600px;
			}
		</style>
	</head>
	<body>
		<div id="d1"></div>
		<!-- 最大宽度与最小宽度  : 自适应：编写的页面在任何的浏览器下正常的显示-->
		<div id="container">
			<div class="box">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur at aspernatur vel libero velit debitis eaque fugit, laudantium quam consectetur totam illum temporibus nostrum! Doloremque fugiat eius consequuntur ut et.</div>
			
		</div>
	</body>
</html>